﻿/* named styles 
*****************************/
img, div, a, input { behavior: url(images/iepngfix.htc) }

.textnear{text-align:left;}
.textfar{text-align:right;}
.textcenter{text-align:center;}
.textjust{text-align:justify;}

.fc{width:100%; overflow:hidden;} /*floating contents container*/
.cf{display:block;} /* clear fix */

.ctn1{padding:10px 0;}
.ctn2{padding: 10px}
.ctn3{padding: 0 10px}
.ctn-p-b{padding-bottom:.5em;}
.ctn-p-r{padding-right:.5em;}
.ctn-p-t{padding-top:.5em;}
.ctn-p-l{padding-left:.5em;}
.ctn-box-w{padding:30px;}
.ctn-box{border:5px solid #ccc; background:#fff; padding:20px; margin:auto;}

.left{float:left;}
.right{float:right;}
.childleft *{float:left;}
.childright *{float:right;}
.selfcenter{margin:auto;margin:auto!important;}

.noborder{border:none;}

.litetext{color:Gray;}
.numtext{font-family:Verdana, Arial, Sans-Serif;}
.datetext{font-family:Verdana, Arial, Sans-Serif; color:Gray; font-size:10px;}

.hltext
{
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
	padding: 1em 3em;
	margin-top: .5em;
}

.dialogform{}
.openmodalformbutton{}
.closemodalformbutton{}
.submitbutton{}
.cancelbutton{}
.deletebutton{}
.addbutton{}
.openmodalformbutton-nostyle{}
.closemodalformbutton-nostyle{}

.bdr-all{border:1px solid silver}
.bdr-b{border-bottom:1px dashed silver}
.bdr-r{border-right:1px dashed silver}
.bdr-t{border-top:1px dashed silver}
.bdr-l{border-left:1px dashed silver}
.bdr-nt{border-top:none!important}
.bdr-nb{border-bottom:none!important}
.bdr-nl{border-left:none!important}
.bdr-nr{border-right:none!important}

.clear{clear:both;}

.hr1{height:1px; color:gray; border-bottom:1px dashed #ddd; margin:0;}

.hn
{
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}

/* validation code panel */
.vcp {padding:5px; border:1px solid #ccc;}
.vcp .vci-w{padding-top:.5em;}
.vcp .vci-t{width:200px;}
.vcp .vcg-w{border:1pxx solid #ccc;}

/* calendar
***********************/
.cal{margin:0 auto;}
.cal td{width:auto!important; padding:0!important;}
.cal .day a{display:block; height:30px; width:30px; border:1px solid silver; text-align:center; line-height:30px; text-decoration:none; margin:1px;}
.cal .othermonthday a{color:Silver!important;}
.cal .highlighted a
{
	background: url('images/corner1.png') no-repeat right bottom;
	font-weight:bold;
}
.cal .today a
{
	background-color: #FFFFFF;
}

.cal .nextprev a{height:25px; line-height:25px; display:block; text-align:center;text-decoration:none;}
.cal .weekend
{
	background-color: #F0F0F0;
}

.pointer{cursor:pointer;}
.msgact{padding-top:1em;}

/* message box
***********************/
/*** Message boxes ***/
.msgbox-generic
{
	padding: 1px;
	border: 1px solid #2C6BE0;
	margin: 10px 0;
	background: #F2F8FF url(images/Information_32x32.png) no-repeat 10px center;
	color: #333333;
}

.msgbox-warning
{
	padding: 1px;
	border: 1px solid #CC6600;
	margin: 10px 0;
	background: #FFFFCC url(images/warning_32.png) no-repeat 10px center;
	color: #333333;
}

.msgbox-error
{
	padding: 1px;
	border: 1px solid #FF0000;
	margin: 10px 0;
	background: #FFF0EE url(images/Remove_32x32.png) no-repeat 10px center;
	color: #333333;
}

.msgbox .content
{
	padding:15px;
	padding-left:45px;
}

/* font size & style
***********************/
.sz-s{font-size:12px;}
.sz-m{font-size:14px;}
.sz-l{font-size:16px;}
.st-n{font-style:normal!important; font-style:normal;}
.fw-n{font-weight:normal!important;font-weight:normal;}
.textboxwatermark{font-style:italic; color:Silver;}

/* contact list
***********************/
.cl-left .c-item{float:left; padding-right:13px;}

/* always visible top */
.avl
{
    z-index: 1100;
    border: 2px solid #FFCC00;
    padding: .5em 2em;
    background-color: #FFFF99;
    color: #333333;
    text-align:center;
}

/* areas 
**************************/

.actionarea{padding-top:.5em; border-top:1px dashed silver; margin-top:.5em;}

.modalpanel
{
	background-position: #ffffff;
	border: 1px solid #0033CC;
	background: #ffffff;
	float: left;
	min-width:400px;
	max-width:700px;
}

.modalBackground
{
	background-color:#000;
    filter:alpha(opacity=70);
    opacity:0.7;
}
/* hyperlink, image
*****************************/
.normal a
{
	color: #0066cc;
    text-decoration: none;
}

.normal a:hover
{
    color: #3399ff;
    text-decoration: underline;
}

.normal a.act
{
    color: #808080;
    text-decoration:underline;
}

.normal a.act
{
    color: #666666;
}

img
{
	vertical-align:middle;
	margin-bottom:.2em;
	*margin-bottom:auto;
}

/* input fields
****************************/
input,select, textarea{font-family:Microsoft Yahei, Verdana, Helvetica, Sans-Serif;}
input[type=submit], button{font-size:12px; padding:auto; margin:auto; cursor:pointer;}
input[type=text], input[type=password], textarea
{
	border:1px solid silver;
	font-size:12px;
	padding:3px;
	width:220px;
	}

.tb-s /* textbox short */
{
	width:3em!important;
}

.tb-m{width:6em!important;}

/* list
*****************************/
ul
{
	list-style:none;
	margin:0;
	padding:0;
}

.ul1 li
{
	float:left;
	margin-left: .5em;
}

li.lvsp
{
    margin-bottom: 3px;
    padding-top: 3px;
    border-bottom: 1px dashed #999;
    border-bottom-color: #F2F2F2;
}

ul.prefix li
{
	 text-indent: 1.5em;
	 list-style:disc;
}

/* headings
**************************/
.normal h1, .normal h2, .normal h3
{
	margin-top:0;
	margin-bottom: 10px;
	margin-top:10px;
}

.normal h1.bb, .normal h2.bb, .normal h3.bb
{
	border-bottom:1px dashed orange;
	padding-bottom:.2em;
}

.normal h1.boxed, .normal h2.boxed, .normal h3.boxed
{
    border: 1px solid #999999;
    padding: .3em;
    background-color: #F9FDFF;
    color: #004566;
}

.normal h1.w7, .normal h2.w7, .normal h3.w7
{
    border: 1px solid #8CBAFF;
    background: url(images/block_bg.png) repeat-x center center;
    padding: .3em;
    color: #003853;
}

.normal h1.w6, .normal h2.w6, .normal h3.w6
{
    background-color: #EEEEEE;
    padding-top:.2em;
    padding-bottom:.2em;
}

.normal h1.w5, .normal h2.w5, .normal h3.w5, .miscbody h1, .miscbody h2, .miscbody h3
{
    border-bottom-style: solid;
    border-bottom-color: #009AD9;
    border-bottom-width: 3px;
    margin: 0;
    margin-bottom: .5em;
    padding: 0 0 1px .5em;
}

.normal h1.nom, .normal h2.nom, .normal h3.nom
{
    margin:0!important;
}

.normal h1{font-size:16px;}
.normal h2{font-size:14px;}
.normal h3{font-size:12px;}

/* forms
************************/
fieldset{padding: .5em;}
legend
{
	font-size: 14px;
	font-weight: bold;
	color: #003399;
}

.formtable .labelcell{min-width:80px; padding-left:.5em;}
.formtable .pcell{padding-left:20px;}

/* tables
************************/
.formtable table th, .formtable table td
{
	padding:.2em 1em .2em 0;
}

table.tb-full
{
	width:100%;
}

table.nobdr td{border:none!important;}

table.tb-full th{text-align:left}

table.tb-auto
{
}

table.tb-auto td, table.tb-auto th
{
	
}

.grouptd
{
	width: 30px;
	text-align: center;
	vertical-align: middle;
	writing-mode: tb-rl;
	letter-spacing:.5em;
	padding-right:0!important;
}

.nop, table.nop td, table.nop th{padding:0!important;}
.nom{margin:0!important;}

tr.tr-bb td{border-bottom:1px dashed silver;}

/* avatar styles
*****************************/
.avatarthumbcontainer
{
	width:78px;
	overflow:hidden;
}

.rsidebar .avatarthumbcontainer, .c23 .avatarthumbcontainer
{
    width:auto;
}

#siteheader #avatarmenu .avatarthumbcontainer{float:right; width:auto;}

.avatarthumbcontainer .thumbimgbox
{
	background:transparent url(images/avatarbg_50.png) no-repeat;
	height:64px;
	width:64px;
	position:relative;
}



.avatarthumbcontainer .thumbimgbox img
{
	position:absolute;
	left:6px;
	top:5px;
	width:50px;
	height:50px;
}

#mainbody .avatarthumbcontainer .thumbimgbox
{
	margin:auto;
}

.avatarthumbcontainer .userlinkbox
{
	text-align:center;
	position:relative;
	top:-3px;
	word-break:break-all;
}

.avatarthumbcontainer .userlinkbox img{width:14px;height:14px;}

.avatarthumbcontainer .userlinkbox a
{
	text-align:left;
}

.avatarthumbcontainer .avtb-nn
{
	display:inline-block;
	max-width:5em;
}

/* comment control
***************************/
.c-avatar
{
    float:left;
    padding-right:1em;
}

.c-wrapper
{

}

.c-action
{
    text-align:right;
    padding:3px 0;
}

.c-entry
{
    padding: .5em;
}

.c-entrybody{padding-left:100px;}

.c-name
{
    padding-bottom:.2em;
}

.c-date
{
    float:right;
    color:#999;
}

.c-thread
{
    border-top:1px dashed silver;
    border-collapse:collapse;
    padding: .3em 0;
}

.c-actions
{
    padding-left:90px;
}

/* talks
**********************/
.talks .c .p1{width:400px;}

/* threads
**********************/
.thread-t
{
    border: 1px solid silver; /*border-top: none;*/
    margin-bottom: 1em;
    background-color: #F8FAFC;
}
.thread-t .a{width:80px;}
.thread-t .c{width:700px; text-align:justify; overflow:auto;}
.thread-t .t{}
.thread-t .sig
{
	color: #808080;
	font-size: 12px;
	display: block;
	padding-top: .6em;
	border-top:1px solid #CACAFF;
}
.thread-t hr{border:1px solid gray;}
.thread .tt
{
	/*border: 1px solid #6699FF;*/
	height: 30px;
	line-height: 30px;
	background-color: #3366FF;
	color: White;
}

.thread .tt .t{width:600px; overflow:hidden;
                white-space:nowrap;
                 text-overflow:ellipsis;
               }

.thread .pt{float:right}
.thread .pt li
{
	margin-bottom:.5em;
	float:left;
	margin-left:.5em;
}

.thread .qr
{
	background-color: #EFF8FE;
	border: 1px solid #8EABFF;
}


.th th
{
	padding: 0;
	text-align: left;
	background: #3366FF;
	height: 30px;
	vertical-align: middle;
	color: White;
	padding-left: .5em;
}
.tlist{width:100%; border:1px solid silver; border-collapse:collapse}
.th .r, th.v{width:50px;}
.ti .t{width:440px;}
.th .cu{width:130px; text-align:left}
.tlist .cu img{width:18px;}
.tlist .tic{width:16px;}
.th .lu, .th .cd{text-align:left; width:100px;}
.ti td{height:30px; padding-left:.5em; border-bottom:1px solid silver; vertical-align:middle;}
.alt
{
	background: #EEEEEE;
}

.posticon
{
    display:block;
	border: 1px solid transparent;
	padding:2px;
}

.posticon:hover
{
	border-color:#B3D7FF;
}

.selecticon{width:24px; height:24px; text-align:center; display:block;}

/* context menu popups
***************************/
.cxtm {background:white; min-width:100px;padding:2px; z-index:999}
.cxtm ul{list-style:none; padding:0; margin:0}
.cxtm a{display:block;height:25px;line-height:25px; text-decoration:none!important;padding:.2em .5em;border:1px solid transparent; color:#0066CC}
.cxtm a:hover
{
    background-color: #E9E9E9;
    border:1px solid gray;
}

/* side containers 
*************************/
.normal .wide-c{width:580px; padding-right:10px;}
.normal .wide-s{padding-left:610px;}

.wide-s .sc
{
    border: 1px solid #E0E0E0;
    padding: .4em;
}

/* group
***************************/
.gh
{
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #CCEBF7;
	padding-bottom: .5em;
	margin-bottom: .5em;
}

.gab
{
    width:50px;
    height:50px;
    border:1px solid #ccc;
    padding:1px;
    background:white url(../../images/user_group.thumb.png) no-repeat;
}

/* nav button */
.navcont{position:relative;}
.thbutton{position:absolute; right:0; bottom:5px; }

/* learning
***************************/
.learning-item .skill
{
	color: #3333FF;
	font-weight: bold;
}

.learning-item .level
{
	color: #3333FF;
	font-weight:bold;
}

.lp
{width:100%;}

.lp .container
{
	padding:.5em;
	border: 1px solid #FFCC00;
	padding-left: 1em;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #FFCC00;
	margin-bottom: 1.5em;
	background-color: #FFF8E6;
}

.lp .container .sc
{
	margin-right: 50px;
}

.lpmatch .prof
{
	padding-left:20px;
}

.lpmatchresult .prof
{
	padding-left:95px;
}

.learning-profile-b .container
{
	background-color: #E8EFFF;
	border-color: #0066FF;
}

.learning-profile-green .container
{
    background-color: #FAFFEC;
    border-color: #009900;
}

.learning-profile-gray .container
{
    background-color: #F8F8F8;
    border-color: #666666;
}

.lpmatch .t1
{
	color: #FF9933;
	font-weight: bold;
	width:1em;
}

.lpmatchresult .t1
{
    width:85px;
}

.request .action
{
    padding-top:2em;
}

.request .rq-dt{width:300px;}

.ma{padding-top:.5em;}

.nameitem{color:White; background:orange; padding:1px 2px; position:relative; top:2px; margin:0 1px;}

/*.lic .startdatetext,.lic .enddatetext, .lic .daysofweektext,.lic .timeofdaytext*/
.lic .daysofweektext
{
    font-weight:bold;
}

/* visit list */
.vh .v-c{float:left;}
.vh .v-name{text-align:center;}
.vh .v-p, .vh .v-t{font-size:9px; color:Gray; font-family:Verdana, Arial;}

/* uplodify
********************/
.uploadifyQueue
{
	width:auto;
	overflow:auto;
}
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 200px;
	float:left;
	margin-right:20px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/* album
*************************/
.albumitem .thumbnail
{
	width:150px;
	height:150px;
	padding: 2px;
	border:1px solid silver;
	overflow:hidden;
}

.albumimagelist{}

.albumimagelist .albumimageitem
{
	float:left;
	width:150px;
	margin-bottom: 20px;
}

.albumimagelist .imageitem
{
	text-align:center;
}

.albumimagelist .imageitem img
{
	max-height:130px;
	max-width:130px;
	padding:3px;
	border:1px solid silver!important;
	margin:auto;
}

.viewimagecontainer .imagecontainer
{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.viewimagecontainer .imagecontainer img
{
	padding: 8px;
	border: 1px solid silver !important;
	background-color: #F5F4E0;
}

.viewimagecontainer .titlecontainer
{
	padding-top:1em;
	font-weight:bold;
}

.viewimagecontainer h2
{
	border-bottom-style: solid;
    border-bottom-color: #009AD9;
    border-bottom-width: 3px;
    margin: 0;
    margin-bottom: .5em;
    padding: 0 0 1px .5em;
}

.viewimagecontainer .description
{
	padding-left:1em;
	text-align:left;
}

.viewimagecontainer .imagecontainer .imagebox span { behavior: url(images/iepngfix.htc); }

.o-albumimageitem .o-image{width:200px;}
.o-albumimageitem .o-image img{border:1px solid gray!important;padding:1px;}


/* site event list
************************/
.se dd{margin-left:1em; list-style:disc;}
.se dl{margin:0; margin-top:.1em;}
.se .datetext{text-align:right;}

/* contact search panel 
*************************/
.csearch .sourcepanel{width:500px; margin:auto; border:3px solid #ccc; padding:20px 10px;}
.csearch .resultpanel{width:500px; margin:auto; border:3px solid #ccc; padding:20px 10px;}
.csearch .csresult
{
    border:1px solid silver;
}

.csearch .csresult td, .csearch .csresult th{border:1px solid silver;}
.csearch .csresult th
{
	background-color: #F4F8FF;
}
.csearch .csresult tr:hover td, .csearch .csresult .selected
{
	background-color: #FFFFC4;
}

.csearch .mailinput{width:330px;}

/****** site message items */
.mcmt p:first-child{margin-top:0; display:inline;}

/***** request items */
.r-app
{
	border: 1px solid #FF9900;
	padding: 1em 3em;
	margin-top: .5em;
	float:right;
	background:#FFFFCC url(../../images/icons/tick_circle.png) no-repeat 1em center;
}

.r-rej
{
    border: 1px solid #FF9900;
	padding: 1em 3em;
	margin-top: .5em;
	float:right;
	background:#FFFFCC url(../../images/icons/tick_circle.png) no-repeat 1em center;
}

/***** site header search and result page *
************************/
#headersearchresultcontainer
{
	width: 500px;
}

#headersearchresult{padding:5px;}

.hsrt{width:100%;}
.hsrt .opr{width:100px;}

.msgc
{
    color: #FFCCCC;
    font-family: Verdana, tahoma, Sans-Serif;
    font-size: .8em;
}